<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>分润订单详情</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
	</head>
	<style type="text/css">
		/*移动端1px下边线*/
		.border{ position: relative; }
		.border:after{ content: ''; display:block; position: absolute; width: 100%; left: 0px; bottom: 0px;height: 1px; background-color:  #efefef; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
		.container{height: 8rem;background: #fff;}
		.orderDetails{height:5.24rem;width: 7.1rem;margin-left: 0.2rem;padding-top: 0.25rem;}
		.item{height: 0.5rem;font-size: 0.3rem;margin-bottom: 0.25rem;}
		.item .title{color:#828282;}
		.orderButtom{font-size: 0.5rem;text-align: center;}
	</style>
	<body>
		<!--头部header开始-->
		<header class="flex flex-align-center">
			<div class="left flex flex-align-center">
				<img src="img/arrleft.png" alt="" class="arrleft"/>
			</div>
			<div class="title">分润订单详情</div>
			<div class="right flex flex-pack-center flex-align-center">
				<img  src="img/tel.png"/>
			</div>
		</header><!--头部header结束-->
		<div class="container">
			<div class="orderDetails border">
				<div class="item flex flex-align-center">
					<p class="title flex-1">订单号</p>
					<p class="details">2014541541441</p>
				</div>
				<div class="item flex flex-align-center">
					<p class="title flex-1">分润时间</p>
					<p class="details">2017-05-08 15:28:21</p>
				</div>
				<div class="item flex flex-align-center">
					<p class="title flex-1">分润方式</p>
					<p class="details">刷卡：银联积分：银联快捷</p>
				</div>
				<div class="item flex flex-align-center">
					<p class="title flex-1">交易金额</p>
					<p class="details">￥10000.00</p>
				</div>
				<div class="item flex flex-align-center">
					<p class="title flex-1">交易商户</p>
					<p class="details">唐*</p>
				</div>
				<div class="item flex flex-align-center">
					<p class="title flex-1">所属级别</p>
					<p class="details">直接商户</p>
				</div>
			</div>
			<div class="orderButtom">
				<p style="margin-top: 0.55rem;">分润</p>
				<p>￥0.0004</p>
			</div>
		</div>
		<p style="font-size: 0.3rem;color: #4a91c7;margin: 0.5rem 0 0 2.65rem;">对此订单有疑问</p>
	</body>
	<script type="text/javascript" src="js/rem.js"></script>
	<script type="text/javascript" src="js/zepto.js"></script>
	<script type="text/javascript" src="js/template.js"></script>
	<script type="text/javascript" src="js/api.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/swiper-3.4.2.min.js"></script>
	<script type="text/javascript">
		
	</script>
</html>
